<template>
    <div class="web-container">
      <el-container style="height: 100%;">
        <el-header><Header></Header></el-header>
        <el-container>
          <el-aside v-if="$route.meta.menu"><menu-filter-tree></menu-filter-tree></el-aside>
          <el-main><RouterView /></el-main>
        </el-container>
      </el-container>
    </div>
  </template>
  

  <script setup>
  import { ref, onMounted } from 'vue'
  import Header from '../components/WebHeader.vue'
  import { useStore } from 'vuex'
  const store = useStore()
  onMounted(() => {})

  store.dispatch('customerGetCustomerListForMy')
  </script>
  
  <style lang="scss" scoped>
  .web-container {
    overflow-x: hidden;
    width: calc(1920px + 5px);
    height: 100vh;
    background-image: url('@/assets/images/big-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-left: 5px;
    margin-left: -5px;
  }
  </style>
  <style scoped>

 :deep(.el-header) {
    padding: 0;
    height: auto;
  }
  :deep(.el-aside) {
    width: 330px;
  }
  :deep(.el-main) {
    padding: 0;
  }
  </style>
  